<link rel="stylesheet" href="../../approval/approvalConfig.css">
<script type="text/javascript" src="../../approval/approvalCommon.js"></script>
<script type="text/javascript" src="../../approval/approvalConfig.js"></script>
<div>
    <table id="approval_config_table">
        <tr>
            <td>
                <div id="approver_config" style="width: 100%;height: 60px"></div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="layui-form" style="margin-top: 10px">
                    <table class="choose_approver_table" style="float: left">
                        <tr>
                            <td>
                                <div id="choose_approver_select" class="layui-unselect layui-form-select">
                                    <dl class="layui-anim layui-anim-upbit">
                                        <table style="width: 100%;border-bottom: 1px solid #e6e6e6">
                                            <tr>
                                               <td>
                                                   <input id="userNameId" type="text" class="layui-input" placeholder="请输入">
                                               </td>
                                                <td style="width: 65px;text-align: right">
                                                    <button id="searchUserId" type="button" class="layui-btn" style="height: 30px;top: -2px;position: relative">搜索</button>
                                                </td>
                                            </tr>
                                        </table>
                                        <div class="select-option-div" style="height: 100px">
                                            <dd class="select-option-hide"></dd>
                                        </div>
                                    </dl>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: center">
                                <button id="add_label_button" type="button" class="layui-btn" style="margin-top: 4px">加签</button>
                            </td>
                        </tr>
                    </table>
                </div>
            </td>
        </tr>
    </table>
</div>

<div style="display: none">
    <div id="approval_approver_now" class="approval_approver_body">
        <div class="approval_step">→</div>
        <div class="approval_approver">
            <div style="position: relative;display: none;float: left">
                <img src='../icons/email.png' class="img_email" style="width: 15px">
            </div>
            <span class="approver_name_class">ddd</span>
            <div style="height: 100%;float: right;width: 13px">
                <div class="hover-show">
                    <img src='../icons/arrow-outline-right.svg' class="img_top">
                </div>
            </div>
        </div>
    </div>
    <div id="approval_approver_default" class="approval_approver_body">
        <div class="approval_step">→</div>
        <div class="approval_approver">
            <div style="position: relative;display: none;float: left">
                <img src='../icons/email.png' class="img_email" style="width: 15px">
            </div>
            <span class="approver_name_class">ddd</span>
            <div style="height: 100%;float: right;width: 13px">
                <div class="hover-show">
                    <img src='../icons/arrow-outline-right.svg' class="img_top">
                    <img src='../icons/close.svg' class="img_bottom">
                </div>
            </div>
        </div>
    </div>

    <div id="approval_approver_passed" class="approval_approver_body not_default_node">
        <div class="approval_step">→</div>
        <div class="approval_approver" style="background-color: #00FF00">
            <span class="approver_name_class">eee</span>
            <div style="height: 100%;float: right;width: 35px">
                <div style="position: relative;top: 12px">
                    <img src='../icons/checkmark-outline.svg' style="height: 25px;width: 25px;">
                </div>
                <div class="hover-show" style="position: relative;top: -25px;right: -12px">
                    <img src='../icons/arrow-outline-right.svg' class="img_top">
                </div>
            </div>
        </div>
    </div>

    <div id="approval_approver_error" class="approval_approver_body not_default_node">
        <div class="approval_step">→</div>
        <div class="approval_approver" style="background-color:red;">
            <span class="approver_name_class">fff</span>
            <div style="height: 100%;float: right;width: 35px">
                <div style="position: relative;top: 12px">
                    <img src='../icons/close-outline.svg' style="height: 25px;width: 25px;">
                </div>
            </div>
        </div>
    </div>
</div>